<script>
// 有import导入就有export导出
export default {
  data() {
    return {
      title: 'this is vue component test'
    }
  },
}
</script>

<template>
  <h2>{{ title }}</h2>
</template>

<!-- scoped：只在当前作用域生效，其他部分不生效 -->
<style scoped>
h2 {
  color: red;
}
</style>